@media screen and (max-width: 768px) {
  body,
  div,
  dl,
  dt,
  dd,
  ul,
  ol,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  pre,
  form,
  fieldset,
  input,
  p,
  blockquote,
  th,
  td {
    margin: 0;
    padding: 0;
    font-family: 微软雅黑;
  }
  .pc-show {
    display: none;
  }
  .mb-show {
    display: block;
  }
  .wrap {
    width: 90%;
    margin: 0 5%;
  }
  .ind-bg {
    width: 100%;
    margin-left: 0;
    left: 0;
  }
  .ind-bg .top-img-r,
  .ind-bg .top-img-l {
    width: 50px;
  }
  .header {
    position: fixed;
    z-index: 20;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  }
  .header .top {
    padding: 5px 0 0 0;
    height: auto;
  }
  .header .top .logo a {
    display: block;
    position: relative;
  }
  .header .top .logo .img {
    text-align: center;
    width: 100%;
  }
  .header .top .logo .img img {
    width: 52px;
  }
  .header .top .logo .tit-info {
    display: none;
  }
  .header .top .logo .tit-info .tit {
    font-size: 16px;
  }
  .header .top .logo .news {
    line-height: 51px;
  }
  .header .top .entrance {
    display: none;
  }
  .header .top .mb-nav {
    width: auto;
    padding: 3px 15px;
    border-radius: 25px;
    position: absolute;
    right: 12px;
    top: 8px;
    cursor: pointer;
    background: #e50a1c;
  }
  .header .top .mb-nav .nav-tit {
    float: left;
    color: #fff;
    margin: 5px 10px 0 0;
  }
  .header .top .mb-nav .nav-span {
    float: left;
  }
  .header .top .mb-nav span {
    display: block;
    width: 25px;
    height: 2px;
    border-radius: 4px;
    background: #fff;
    margin: 7px 0;
    -webkit-transition: 600ms;
    -moz-transition: 600ms;
    -ms-transition: 600ms;
    -o-transition: 600ms;
    transition: 600ms;
  }
  .header .top .mb-nav.curr span {
    -webkit-transition: 600ms;
    -moz-transition: 600ms;
    -ms-transition: 600ms;
    -o-transition: 600ms;
    transition: 600ms;
  }
  .header .top .mb-nav.curr span:first-of-type {
    -webkit-transform: rotate(45deg) translate(7px, 5px);
    -moz-transform: rotate(45deg) translate(7px, 5px);
    -ms-transform: rotate(45deg) translate(7px, 5px);
    -o-transform: rotate(45deg) translate(7px, 5px);
    transform: rotate(45deg) translate(7px, 5px);
  }
  .header .top .mb-nav.curr span:nth-of-type(2) {
    opacity: 0;
  }
  .header .top .mb-nav.curr span:last-of-type {
    -webkit-transform: rotate(-45deg) translate(7px, -5px);
    -moz-transform: rotate(-45deg) translate(7px, -5px);
    -ms-transform: rotate(-45deg) translate(7px, -5px);
    -o-transform: rotate(-45deg) translate(7px, -5px);
    transform: rotate(-45deg) translate(7px, -5px);
  }
  .header .nav {
    position: absolute;
    right: 0;
    top: 54px;
    width: 100%;
    background: #006a99;
    max-height: calc(100vh - 74px);
    height: calc(100vh - 74px);
    overflow-y: scroll;
    padding: 10px 0;
    display: none;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 0;
  }
  .header .nav .li {
    width: 100%;
    padding: 0;
  }
  .header .nav .li .stair {
    width: 85%;
    padding: 14px 0;
    margin: 0 7.5%;
    font-size: 17px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    display: block;
    color: #fff;
  }
  .header .nav .li .stair .fa {
    margin-right: 8px;
    display: inline-block;
    width: 22px;
    text-align: center;
  }
  .header .nav .li .stair span {
    display: inline-block;
    float: right;
  }
  .header .nav .li:last-of-type {
    border-bottom: 0;
  }
  .header .nav .li.entrance {
    margin-top: 25px;
  }
  .header .nav .li.entrance .stair {
    color: #fff;
    border-radius: 25px;
    padding: 11px 22px;
    float: left;
    background: #00a4ed;
    width: calc(100% - 100px);
    margin-right: 0;
    text-align: center;
    font-size: 16px;
  }
  .header .nav .li.entrance .stair:last-of-type {
    margin-top: 20px;
    background: #d7b700;
  }
  .header .nav .language {
    display: none;
  }
  .header .nav .search {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    margin: 0 7.5% 10px;
    width: 85%;
  }
  .header .nav .search input {
    border: none;
    background: none;
    padding: 6px 12px 10px 12px;
    color: #fff;
    width: calc(100% - 66px);
  }
  .header .nav .search .fa {
    padding: 10px;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    border-radius: 4px;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -ms-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
  }
  .header .pro-classify {
    display: none;
  }
  .header .nav-wrap {
    top: 0;
  }
  .ind-banner {
    width: 100%;
    padding: 56px 0 0;
    height: auto;
  }
  .ind-banner video {
    display: block;
  }
  .ind-banner .tit .con .time {
    margin-top: 20px;
  }
  .ind-banner .tit img {
    width: 100%;
  }
  .ind-banner .img {
    margin-top: 22px;
    width: 100%;
  }
  .ind-banner .img img {
    width: 80%;
  }
  .ind-video .video {
    width: 80%;
  }
  .ind-video:before {
    box-shadow: 0 25px 50px #8aaab3;
  }
  .mb-banner {
    padding-top: 54px;
  }
  .mb-banner img {
    width: 100%;
    display: block;
  }
  .exhibitors-parameters {
    margin: 10px 0;
    padding: 4px 0 10px 0;
    background: #fff;
  }
  .exhibitors-parameters .li {
    width: 33.33%;
    padding-left: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 10px;
  }
  .exhibitors-parameters .li:last-of-type {
    border-bottom: none;
  }
  .exhibitors-parameters .li .img {
    width: 30px;
    height: 65px;
    line-height: 66px;
    display: none;
  }
  .exhibitors-parameters .li .img img {
    max-width: 30px;
    max-height: 30px;
  }
  .exhibitors-parameters .li:before {
    display: none;
  }
  .exhibitors-parameters .li .tit-info {
    margin-top: 8px;
    margin-left: 0;
    color: #333333;
    width: 100%;
    text-align: center;
  }
  .exhibitors-parameters .li .tit-info .data {
    font-size: 22px;
    color: #e50a1c;
    font-weight: bold;
  }
  .ind-public {
    margin: 50px 0;
  }
  .ind-public .con .gallery-top {
    width: 100%;
  }
  .ind-public .con .gallery-top .swiper-slide .img {
    height: 200px;
  }
  .ind-public .con .gallery-thumbs {
    width: 100%;
    margin-top: 15px;
  }
  .ind-public .con .gallery-thumbs .swiper-slide .li {
    margin-left: 0;
    padding: 4px 20px;
  }
  .ind-recommend-pro .con .li {
    width: calc(48% - 14px);
    margin-right: 4%;
    height: 170px;
  }
  .ind-recommend-pro .con .li:nth-of-type(2n) {
    margin-right: 0;
  }
  .ind-recommend-pro .con .li:nth-of-type(5n) {
    margin-right: 4%;
  }
  .ind-recommend-pro .con .li .img {
    height: 100px;
    line-height: 96px;
  }
  .ind-recommend-pro .con .li .tit-con .money {
    font-size: 16px;
  }
  .ind-live {
    margin: 15px 0;
  }
  .ind-live.page-live-con {
    overflow: hidden;
    padding-top: 20px;
  }
  .ind-live .con .swiper-container {
    overflow: inherit;
  }
  .ind-live .con .swiper-container .swiper-wrapper {
    display: flex;
  }
  .ind-live .con .swiper-container .swiper-slide {
    float: none;
    width: 100%;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    -o-filter: blur(3px);
  }
  .ind-live .con .swiper-container .swiper-slide.swiper-slide-active {
    filter: blur(0);
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -ms-filter: blur(0);
    -o-filter: blur(0);
  }
  .ind-live .con .swiper-container .swiper-slide .li .img {
    height: 170px;
  }
  .ind-live .con .li {
    width: 90%;
    margin: 0 auto;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    float: none;
  }
  .ind-live .con .li .tit-info {
    width: calc(100% - 41px);
    height: auto;
  }
  .ind-live .con .li .img {
    background: #fff;
  }
  .ind-live.home-live .con .swiper-slide:first-of-type {
    width: 100%;
  }
  .ind-live.home-live .con .swiper-slide:first-of-type .li .img {
    height: 170px;
  }
  .ind-live.recommend-live .con .li {
    width: calc(100% - 2px);
    margin-bottom: 30px;
    box-shadow: none;
  }
  .ind-live.recommend-live .con .li .img {
    height: auto;
  }
  .ind-live.recommend-live .con .li .tit-info {
    width: calc(100% - 42px);
  }
  .ind-live.top-page-live .con .swiper-slide {
    width: 100%;
  }
  .ind-live.top-page-live .con .swiper-slide .li {
    width: 100%;
    box-shadow: none;
  }
  .ind-live.top-page-live .con .swiper-slide .li .tit-info {
    width: calc(100% - 42px);
  }
  .ind-register .li {
    width: calc(100% - 54px);
    margin-bottom: 15px;
    padding: 10px 27px;
  }
  .ind-register .li .img {
    width: 40px;
    height: 40px;
    line-height: 36px;
  }
  .tit-h1 {
    font-size: 22px;
  }
  .tit-h2 {
    font-size: 16px;
  }
  .page-con {
    margin-top: 60px;
  }
  .page-con.exhi-wrap {
    padding-bottom: 0;
  }
  .page-con .crumbs {
    padding-top: 0;
    margin-top: 75px;
  }
  .page-con .top-title {
    position: relative;
    margin-top: 0;
  }
  .page-con .top-title .img {
    width: 52%;
  }
  .page-con .top-title .img img {
    width: 100%;
  }
  .page-con .top-title .img .exhi-logo {
    left: 16px;
    top: 33px;
    width: 145px;
    height: 95px;
    line-height: 95px;
  }
  .page-con .top-title .info {
    margin: 34px 0 0 60px;
    font-size: 18px;
    width: calc(100% - 175px);
  }
  .page-con .top-title .info.page-info {
    width: 100%;
    margin: 20px 0 0 0;
  }
  .page-con .top-title .info.page-info .company {
    width: 100%;
  }
  .page-con .top-title .info.page-info .company .type .type-li {
    padding: 6px 10px;
  }
  .page-con .top-title .info.page-info .top-con {
    position: absolute;
    right: 0;
    top: 64px;
  }
  .page-con .con .left {
    width: 100%;
  }
  .page-con .con .left .top-search {
    padding: 0 15px;
  }
  .page-con .con .left .top-search input {
    padding: 0;
  }
  .page-con .con .left .li .stair {
    padding: 10px 15px;
    font-size: 14px;
  }
  .page-con .con .left .li .second {
    display: block;
  }
  .page-con .con .left .submit-box {
    padding: 10px 0;
    font-size: 14px;
  }
  .page-con .con .left .search-tit {
    border-radius: 5px;
    padding: 12px 0;
  }
  .page-con .con .left .search-tit .fa {
    font-size: 13px;
    margin-left: 6px;
    margin-top: 4px;
    vertical-align: top;
    display: inline-block;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -ms-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
  }
  .page-con .con .left .search-tit .fa.curr {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -ms-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
  }
  .page-con .con .left .search-box {
    display: none;
  }
  .page-con .con .right {
    width: 100%;
    margin-top: 15px;
  }
  .page-con .con .right .letter a {
    margin-right: 9px;
    line-height: 30px;
  }
  .page-con .con .right .content {
    padding: 15px;
  }
  .page-con .con .right .content .li {
    width: calc(49% - 2px);
    margin-right: 2%;
    margin-bottom: 8px;
    padding: 0;
    border: 1px solid #a5cde0;
    border-radius: 5px;
  }
  .page-con .con .right .content .li:first-of-type {
    border-radius: 5px;
  }
  .page-con .con .right .content .li:nth-of-type(3n) {
    margin-right: 2%;
  }
  .page-con .con .right .content .li:nth-of-type(2n) {
    margin-right: 0;
  }
  .page-con .con .right .content .li .company-info {
    width: 100%;
  }
  .page-con .con .right .content .li .company-info .company-top .logo {
    width: 100%;
    height: 73px;
    line-height: 70px;
    border: none;
    border-bottom: 1px solid #a5cde0;
  }
  .page-con .con .right .content .li .company-info .company-top .logo img {
    max-width: none;
    max-height: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .page-con .con .right .content .li .company-info .company-top .introduction {
    width: 100%;
  }
  .page-con .con .right .content .li .company-info .company-top .introduction .name {
    padding: 5px 10px;
    margin: 0;
    font-size: 14px;
  }
  .page-con .con .right .content .li .company-info .company-top .introduction .number {
    display: none;
  }
  .page-con .con .right .content .li .company-info .bottom-info {
    display: none;
  }
  .page-con .con .right .content .li .pro-info {
    display: none;
    width: 100%;
    margin: 15px 0;
  }
  .page-con .con .right .content .li .pro-info .pro-li {
    line-height: 95px;
  }
  .page-con .con .right .content .li .top {
    right: 0;
    top: 0;
    z-index: 3;
    position: relative;
    display: none;
  }
  .page-con .con .right .content .li .top a {
    display: inline-block;
  }
  .page-con .con .right .content .li .top .top-con {
    float: left;
  }
  .page-con .con .right .content .li .top-con {
    padding: 8px 0;
  }
  .page-con .con .right .product-content {
    padding: 15px;
  }
  .page-con .con .right .product-content .li {
    width: calc(49% - 2px);
    float: left;
    margin-right: 2%;
    margin-bottom: 8px;
  }
  .page-con .con .right .product-content .li:nth-of-type(3n) {
    margin-right: 2%;
  }
  .page-con .con .right .product-content .li:nth-of-type(2n) {
    margin-right: 0;
  }
  .page-con .con .right .product-content .li .img {
    height: 117px;
    line-height: 114px;
  }
  .page-con .con .right .product-content .li .img img {
    max-width: 100%;
    max-height: 100%;
  }
  .page-con .con .right .product-content .li .pro-info .pro-list {
    display: none;
  }
  .page-con .con .right .product-content .li .pro-info .pro-info-con {
    padding: 0;
  }
  .page-con .con .right .product-content .li .pro-info .pro-info-con .tit {
    width: 100%;
    font-size: 15px;
  }
  .page-con .con .right .product-content .li .pro-info .pro-info-con .type {
    display: none;
  }
  .page-con .con .right .product-content .li .pro-info .pro-info-con .collect {
    display: none;
  }
  .page-con .con .condition .con .li span {
    font-size: 14px;
    padding: 5px 10px;
  }
  .page-con .con .condition .business-search {
    width: 100%;
    position: relative;
    margin-top: 15px;
  }
  .page-con .con .condition .business-search select,
  .page-con .con .condition .business-search input {
    width: 100%;
    height: 40px;
  }
  .page-nav .header .nav {
    background: #006a99;
  }
  .business-type .type-li {
    padding: 10px 30px;
  }
  .business-con .li {
    width: calc(100% - 3px);
  }
  .exhi-wrap .con .right .content .li .img {
    width: 100%;
  }
  .exhi-wrap .con .right .content .li .img .browse {
    left: 5px;
    right: auto;
  }
  .exhi-wrap .con .right .content .li .tit-info {
    width: 100%;
    margin-left: 0;
  }
  .exhi-page-con .top .logo {
    width: 100%;
    height: auto;
    line-height: unset;
  }
  .exhi-page-con .top .logo img {
    max-width: 100%;
    max-height: none;
  }
  .exhi-page-con .top .info-right .countries .exhi-top-con a {
    padding: 6px 8px;
    font-size: 12px;
    width: calc(25% - 24px);
    cursor: pointer;
  }
  .exhi-page-con .about .about-info {
    width: 100%;
    margin-bottom: 20px;
  }
  .exhi-page-con .about .about-info .info {
    height: auto;
    max-height: initial;
    margin-bottom: 20px;
  }
  .exhi-page-con .about .about-video {
    width: 100%;
  }
  .exhi-page-con .about .about-video .about-img {
    height: 200px;
    line-height: 200px;
  }
  .exhi-page-con .iframebox {
    height: 700px;
    border-radius: 0;
    border: none;
  }
  .exhi-page-con .live-top .box-live .company {
    width: 100%;
  }
  .exhi-page-con .live-top .box-live .company .com-tit {
    width: calc(100% - 54px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .exhi-page-con .live-top .box-live .time {
    padding: 10px 0;
    margin: 0;
  }
  .exhi-page-con .live-top .box-live .time:after,
  .exhi-page-con .live-top .box-live .time:before {
    display: none;
  }
  .con-title {
    margin-top: 30px;
  }
  .live-con .li {
    width: calc(100% - 50px);
  }
  .exhi-pro .li {
    width: 49%;
    margin-bottom: 20px;
  }
  .exhi-pro .li:nth-of-type(2n) {
    margin-right: 0;
  }
  .exhi-pro .li .img {
    height: 100px;
    line-height: 100px;
    margin-bottom: 8px;
  }
  .business-con .li .top .img {
    width: 100%;
    height: 150px;
    line-height: 145px;
  }
  .business-con .li .top .tit-info {
    width: 100%;
    margin-top: 10px;
  }
  .pro-con {
    width: 64%;
  }
  .pro-con .li {
    display: block;
  }
  .pro-con .li .img {
    width: 100%;
  }
  .pro-con .li .info {
    width: 100%;
    padding: 10px 0;
  }
  .pro-con .li .info .in {
    max-height: 150px;
    overflow-y: scroll;
  }
  .exhi-product-wrap {
    width: calc(95% - 20px);
    padding: 10px;
    max-height: 83vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 22;
  }
  .news-exhi {
    height: auto;
  }
  .news-exhi .swiper-slide {
    border-bottom: none;
  }
  .news-exhi .swiper-slide .news-con-li {
    margin-bottom: 20px;
  }
  .news-exhi .swiper-slide .news-con-li .tit-info {
    width: calc(100% - 75px);
  }
  .team-wrap {
    display: block;
  }
  .team-wrap .left {
    width: calc(100% - 30px);
    padding: 15px 15px;
  }
  .team-wrap .left .ul {
    display: block;
  }
  .team-wrap .left .ul:after {
    display: block;
    content: '';
    clear: both;
  }
  .team-wrap .left .ul .li {
    width: 100%;
    float: left;
    margin-bottom: 30px;
  }
  .team-wrap .right {
    width: calc(100% - 30px);
    margin-top: 15px;
    padding: 15px 15px;
  }
  .exhi-page-pro .gallery-top .swiper-slide .img {
    height: 240px;
    line-height: 237px;
    overflow: hidden;
    width: calc(100% - 3px);
  }
  .exhi-page-pro .gallery-top .introduce {
    display: none;
  }
  .exhi-page-pro .gallery-thumbs .swiper-slide .img {
    height: 53px;
    line-height: 50px;
  }
  .exhi-page-pro .gallery-thumbs .swiper-slide img {
    max-height: 100%;
  }
  .exhi-page-pro .swiper-button-prev,
  .exhi-page-pro .swiper-button-next {
    width: 30px;
    height: 30px;
    top: calc(56% - 15px);
    display: none;
  }
  .live-wrap .top {
    display: block;
  }
  .live-wrap .top:after {
    display: block;
    content: '';
    clear: both;
  }
  .live-wrap .top .img {
    width: 100%;
    border-radius: 5px;
  }
  .live-wrap .top .right {
    width: calc(100% - 46px);
    border-radius: 5px;
  }
  .live-wrap .top .right .con-info .con-con {
    margin: 25px 0;
  }
  .newest-wrap .newest-con .li {
    width: 100%;
  }
  .Hot-Classification a {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    font-size: 14px;
  }
  .footer {
    padding-bottom: 15px;
    margin-bottom: 48px;
  }
  .footer .con .top {
    padding: 15px 0;
  }
  .footer .con .top .logo {
    width: 100%;
  }
  .footer .con .top .social {
    width: 100%;
    margin-top: 10px;
  }
  .footer .con .bot-nav {
    display: none;
  }
  .footer .con .bot {
    margin: 0;
    padding: 15px 0 0;
  }
  .footer .con .bot .privacy {
    display: none;
  }
  .web-wrap {
    width: 90%;
    margin: 0 5%;
  }
  .web-nav-wrap {
    background: rgba(255, 255, 255, 0.95);
  }
  .web-nav-wrap .web-mb-nav {
    position: absolute;
    right: 10px;
    top: 3px;
    width: 28px;
    cursor: pointer;
  }
  .web-nav-wrap .web-mb-nav span {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 4px;
    background: #008fe1;
    margin-top: 7px;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -ms-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
  }
  .web-nav-wrap .web-mb-nav.curr span {
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -ms-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
  }
  .web-nav-wrap .web-mb-nav.curr span:nth-of-type(1) {
    transform: rotate(45deg) translate(6px, 6px);
  }
  .web-nav-wrap .web-mb-nav.curr span:nth-of-type(2) {
    opacity: 0;
  }
  .web-nav-wrap .web-mb-nav.curr span:nth-of-type(3) {
    transform: rotate(-45deg) translate(6px, -6px);
  }
  .web-nav-wrap .top {
    padding: 6px 5%;
    width: 102%;
    margin-left: -6%;
    background: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  }
  .web-nav-wrap .top .logo .tit-info {
    display: none;
  }
  .web-nav-wrap .top .logo .img img {
    height: 28px;
    display: block;
  }
  .web-nav-wrap .top .entrance {
    display: none;
  }
  .web-nav-wrap .nav {
    height: calc(100vh - 41px);
    overflow-y: scroll;
    display: none;
  }
  .web-nav-wrap .nav .li {
    width: 100%;
    padding: 0;
  }
  .web-nav-wrap .nav .li .stair {
    color: #333;
    font-size: 14px;
  }
  .web-nav-wrap .nav .li a {
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .web-nav-wrap .nav .li .second {
    position: relative;
    top: 0;
    width: calc(100% - 40px);
    background: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: none;
  }
  .web-nav-wrap .nav .li .second a {
    border-bottom: none;
  }
  .web-nav-wrap .nav .li .second:after {
    display: none;
  }
  .web-nav-wrap .nav .online-a {
    width: calc(100% - 50px);
    margin-left: 0;
    text-align: center;
    padding: 10px 25px;
    margin-top: 20px;
  }
  .web-banner {
    margin-left: -410px;
    height: 300px;
  }
  .web-banner .swiper-slide img {
    height: 300px;
  }
  .web-con {
    margin-top: 300px;
  }
  .web-banner-page {
    margin-left: -410px;
    height: 200px;
    width: 1920px;
    left: 50%;
  }
  .web-banner-page img {
    height: 200px;
  }
  .web-banner-page .title {
    left: 180px;
    bottom: 64px;
    font-size: 26px;
  }
  .web-con-page {
    margin-top: 200px;
  }
  .web-page-com {
    padding: 50px 0;
  }
  .web-ind-about {
    padding: 50px 0;
    background-size: cover;
  }
  .web-ind-about .top {
    display: block;
  }
  .web-ind-about .top .left {
    width: 100%;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 32px;
  }
  .web-ind-about .top .left b {
    font-size: 22px;
  }
  .web-ind-about .top .left img {
    right: 0;
    bottom: auto;
    top: 0;
    width: 80px;
  }
  .web-ind-about .top .right {
    width: 100%;
  }
  .web-ind-about .top .right .box-a {
    padding: 25px 0;
  }
  .web-ind-about .top .right .box-a a {
    padding: 8px 10px;
    font-size: 14px;
  }
  .web-exhibitors-parameters {
    margin-top: 40px;
  }
  .web-exhibitors-parameters .li {
    width: 48%;
    padding: 17px 0;
    text-align: center;
    margin-bottom: 4%;
  }
  .web-exhibitors-parameters .li:nth-of-type(2n) {
    margin-right: 0;
  }
  .web-exhibitors-parameters .li .img {
    margin: 0 auto;
    float: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .web-exhibitors-parameters .li .img img {
    max-width: 40px;
    max-height: 40px;
  }
  .web-exhibitors-parameters .li .tit-info {
    margin-left: 0;
    width: 100%;
    float: none;
  }
  .web-exhibitors-parameters .li .tit-info .data {
    margin-top: 10px;
    font-size: 20px;
  }
  .web-timing {
    height: 140px;
  }
  .web-timing .con-info .tit {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .web-timing .con-info .tit span {
    font-size: 20px;
    margin: 0 6px;
  }
  .web-timing .con-info .con .timing-left .fa {
    font-size: 18px;
  }
  .web-timing .con-info .con .timing-left .countdown li span {
    font-size: 16px;
  }
  .web-timing .con-info .con .timing-left .countdown li p {
    padding: 8px 8px;
  }
  .new-system {
    margin-top: 50px;
  }
  .new-system .con a {
    display: block;
  }
  .new-system .con .img {
    width: 100%;
  }
  .new-system .con .img img {
    width: 100%;
  }
  .new-system .con .tit-info {
    width: calc(100% - 40px);
    padding: 20px 20px;
  }
  .new-system .con .tit-info .tit-top .tit {
    font-size: 22px;
    margin-top: 0;
  }
  .new-system .con .tit-info .tit-top .label {
    letter-spacing: 2px;
    padding: 6px 10px;
    font-size: 14px;
  }
  .new-system .bot-con {
    display: block;
  }
  .new-system .bot-con .tit-info {
    width: 100%;
  }
  .new-system .bot-con .tit-info a {
    display: block;
  }
  .new-system .bot-con .tit-info .img {
    width: 100%;
    height: 160px;
  }
  .new-system .bot-con .tit-info .img .bg {
    display: none;
  }
  .new-system .bot-con .tit-info .bg {
    width: 100%;
  }
  .new-system .bot-con .tit-info .centet {
    width: 100%;
  }
  .new-system .bot-con .tit-info .centet .tit {
    font-size: 22px;
  }
  .new-system .bot-con .tit-info .centet .time {
    margin-bottom: 15px;
  }
  .new-system .bot-con .tit-info .centet .centet-con {
    padding: 20px;
    width: calc(100% - 40px);
  }
  .new-system .bot-con .category {
    width: 100%;
    display: block;
  }
  .new-system .bot-con .category .li {
    width: 100%;
  }
  .new-system .bot-con .category .li .category-info {
    width: calc(100% - 40px);
    padding: 20px;
    height: auto;
  }
  .web-news-wrap {
    margin-top: 50px;
  }
  .web-news-wrap .ul .li {
    width: 100%;
  }
  .web-news-wrap .ul .li .img {
    height: 160px;
  }
  .web-news-wrap .ul .li .tit-info .bot {
    margin-top: 15px;
  }
  .web-Past-activities {
    margin-top: 10px;
  }
  .web-Past-activities .swiper-slide img {
    width: calc(100% - 2px);
    height: 160px;
  }
  .web-cooperation {
    padding: 20px 0;
  }
  .web-cooperation .title {
    width: 100%;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 22px;
  }
  .web-cooperation .cooperation-sw {
    width: 100%;
  }
  .web-cooperation .swiper-slide {
    line-height: 90px;
    height: 90px;
  }
  .meeting-top .tit {
    font-size: 20px;
    line-height: 30px;
  }
  .meeting-top .info {
    font-size: 14px;
  }
  .procurement .procurement-li {
    width: 100%;
    margin-bottom: 20px;
  }
  .procurement .procurement-li .procurement-tit {
    font-size: 18px;
  }
  .procurement .procurement-li .procurement-info {
    font-size: 14px;
  }
  .procurement .procurement-li .procurement-img img {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
  }
  .procurement {
    margin: 50px 0 0 0;
  }
  .introduction-bot {
    margin-top: 40px;
    font-size: 14px;
  }
  .introduction-botton {
    margin: 20px 0 0 0;
  }
  .introduction-botton .li {
    padding: 20px;
    width: calc(100% - 40px);
    margin-bottom: 20px;
  }
  .introduction-botton .li .tit {
    font-size: 20px;
  }
  .introduction-botton .li .int-a {
    margin: 20px 0 8px;
  }
  .introduction-botton .li .int-a a {
    font-size: 14px;
    padding: 8px 25px;
  }
  .scope-ul .scope-li {
    width: 100%;
  }
  .scope-ul-tit {
    font-size: 20px;
  }
  .pavilion-wrap .exhi-img {
    padding: 30px 0 0 0;
  }
  .pavilion-wrap .pavilion-info {
    display: block;
  }
  .pavilion-wrap .pavilion-info p {
    margin-bottom: 10px;
  }
  .web-news-top {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .web-news-top .tit {
    font-size: 20px;
  }
  .news-con .news-li .img {
    width: 100%;
  }
  .news-con .news-li .tit-info {
    width: 100%;
    margin-top: 15px;
  }
  .news-con .news-li .tit-info .time {
    margin-bottom: 14px;
  }
  .media-partners-page a {
    width: 48.5%;
    height: 100px;
    line-height: 100px;
  }
  .media-partners-page a:nth-of-type(2n) {
    margin-right: 0;
  }
  .media-partners-page a:nth-of-type(5n) {
    margin-right: 2.5%;
  }
  .why-exhi {
    padding-bottom: 0;
  }
  .why-exhi .exhi-img {
    padding: 20px 0;
  }
  .why-exhi .exhi-img img {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
  }
  .quotations-wrap .title {
    margin-bottom: 20px;
  }
  .quotations-wrap .ul .li {
    width: 100%;
    margin-bottom: 25px;
  }
  .quotations-wrap .ul .li:last-of-type {
    margin-bottom: 0;
  }
  .quotations-wrap .ul .li .position {
    margin-top: 10px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    padding: 6px 0;
  }
  .why-visit-bot .why-visit-bot-img img {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
  }
  .why-visit-bot .why-visit-bot-a a {
    font-size: 16px;
    padding: 8px 55px;
    letter-spacing: 2px;
  }
  .contact-wrap {
    padding: 50px 0;
    display: block;
  }
  .contact-wrap .li {
    width: calc(100% - 40px);
    padding: 20px;
    margin-bottom: 20px;
  }
  .contact-wrap .li:last-of-type {
    margin-bottom: 0;
  }
  .contact-wrap .li .tit {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .contact-wrap .li .info {
    font-size: 14px;
    line-height: 26px;
  }
  .contact-wrap .li .img {
    right: 10px;
    top: 10px;
    opacity: 0.2;
  }
  .propaganda-wrap .li {
    padding: 30px 0;
  }
  .propaganda-wrap .li .img {
    width: 60px;
    margin: 0 10px 0 0;
    height: 50px;
    line-height: 50px;
  }
  .propaganda-wrap .li .info {
    width: 100%;
    font-size: 14px;
  }
  .why-visit .info {
    margin-bottom: 20px;
  }
  .why-visit-con .li {
    width: 100%;
    margin-bottom: 30px;
  }
  .why-visit-con .li .tit {
    font-size: 18px;
  }
  .why-visit-con .li:nth-of-type(n + 3) {
    margin-bottom: 30px;
  }
  .why-visit-con .li:last-of-type {
    margin-bottom: 0;
  }
  .list-exhi-top {
    display: block;
  }
  .list-exhi-top input,
  .list-exhi-top select {
    width: calc(100% - 32px);
    margin-bottom: 8px;
    padding: 10px 15px;
  }
  .list-exhi-top select {
    width: 100%;
  }
  .list-exhi-top .list-search {
    width: 100%;
  }
  .list-exhi-top .list-search span {
    padding: 10px 0;
  }
  .list-exhi-top .list-search .fa {
    padding: 10px 0;
  }
  .list-exhi-letter {
    margin-top: 10px;
  }
  .list-exhi-letter span {
    padding: 10px 20px;
    border-radius: 5px;
    display: block;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .list-exhi-letter a {
    margin-left: 2px;
    padding: 2px 6px;
    line-height: 30px;
  }
  .letter-wrap {
    margin: 20px 0 0 0;
  }
  .letter-wrap .li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 25px;
  }
  .letter-wrap .li:nth-of-type(2n) {
    margin-right: 0;
  }
  .letter-wrap .li .company {
    font-size: 15px;
  }
  .letter-wrap .li .img {
    height: 100px;
    line-height: 100px;
  }
  .letter-wrap .li .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .letter-wrap .li .add span {
    font-size: 14px;
  }
  .meeting-top {
    line-height: 25px;
  }
  .meeting-time .time {
    font-size: 22px;
  }
  .meeting-time .li .con {
    padding: 30px 20px 10px;
  }
  .meeting-time .li .con .speech .speech-li {
    width: 100%;
  }
  .meeting-time .li .con .con-time {
    font-size: 16px;
    line-height: 30px;
  }
  .arrive-map .li {
    width: 100%;
    margin-bottom: 15px;
  }
  .arrive-map .li .map img {
    width: 100%;
  }
  .arrive-con {
    padding: 20px;
  }
  .arrive-con .tit-info {
    width: calc(100% - 80px);
  }
  .arrive-bot .tit {
    font-size: 16px;
    height: 42px;
    line-height: 42px;
  }
  .arrive-bot .con {
    padding: 5px 15px;
    font-size: 14px;
  }
  .contact-page {
    padding-top: 40px;
  }
  .contact-page .contact-fl {
    width: 100%;
  }
  .contact-page .contact-fl .contact-info p {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 26px;
  }
  .contact-page .contact-fl .contact-info img {
    width: 20px;
    vertical-align: sub;
  }
  .contact-page .contact-fr {
    width: 100%;
    margin-right: 0;
    margin-bottom: 35px;
  }
  .form-half-group .form-row {
    width: 100%;
  }
  .organ-box .info {
    font-size: 14px;
  }
  .organ-box li {
    width: calc(100%/2);
    height: 92px;
  }
  .gallery-list li {
    width: calc(100%/2 - 12px);
    height: 105px;
    overflow: hidden;
  }
  .gallery-list li:nth-of-type(2n) {
    margin-right: 0;
  }
  .report-box .report-con {
    padding-bottom: 35px;
  }
  .report-box .report-logo:after {
    display: block;
    content: '';
    clear: both;
  }
  .report-box .report-logo a {
    width: calc(48% - 2px);
    margin: 0 4% 15px 0;
    float: left;
    display: block;
    height: 68px;
    line-height: 68px;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
  .report-box .report-logo a:nth-of-type(2n) {
    margin-right: 0;
  }
  .report-box .report-logo a img {
    max-width: 85%;
    max-height: 62%;
    vertical-align: middle;
  }
  .report-box .report-item {
    padding: 40px 0 0 0;
  }
  .report-box .report-item .li .info .tit {
    font-size: 16px;
  }
  .report-box .report-item .li .info .desc {
    font-size: 14px;
    line-height: 24px;
  }
  .report-bg .web-wrap {
    padding: 20px;
    font-size: 14px;
  }
  .report-box .meeting-top .tit {
    font-size: 20px;
  }
  .contact-con .contact-fl .contact-info {
    margin-bottom: 35px;
  }
  .quotations-wrap {
    height: auto;
  }
  .quotations-wrap .why-company-tit {
    font-size: 20px;
    margin-bottom: 16px;
  }
  .quotations-wrap .why-company-time {
    font-size: 18px;
  }
  .login-con.identity-wrap {
    width: calc(90% - 20px);
    padding: 30px 10px;
  }
  .login-con .tit {
    font-size: 18px;
  }
  .login-con .rig-wrap .input input {
    padding: 15px 20px;
  }
  .login-con .rig-wrap .input .ico {
    margin-top: 8px;
  }
  .login-con .rig-wrap .input .code {
    top: 5px;
  }
  .login-con .rig-wrap .log-box {
    padding: 10px 0;
    width: calc(100% - 4px);
    font-size: 14px;
  }
  .login-con .rig-wrap .no-account {
    padding-top: 15px;
    margin-top: 15px;
  }
  .login-con .rig-wrap .no-account .left-tit .left-t {
    font-size: 18px;
  }
  .identity {
    margin-bottom: 25px;
  }
  .identity .li {
    padding: 4px 0;
  }
  .identity .li .li-con .li-img {
    font-size: 18px;
    margin-right: 6px;
  }
  .identity .li .li-con .li-tit {
    font-size: 12px;
  }
  .paginate li {
    margin: 1px;
  }
  .paginate li a,
  .paginate li span {
    padding: 4px 6px;
    font-size: 12px;
  }
  .why-visit-bot .why-visit-bot-img .tit {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .page-con .con .condition .condition-tit {
    width: 100%;
    line-height: 20px;
  }
  .page-con .con .condition .con {
    width: 100%;
  }
  .team-wrap .left .tit {
    font-size: 16px;
  }
  .team-wrap .right .tit {
    font-size: 16px;
  }
  .ind-recommend .cooperation-sw {
    height: auto;
  }
  .ind-recommend .con .li {
    height: 220px;
  }
  .ind-recommend .con .li a {
    height: 140px;
    line-height: 140px;
  }
  .ind-recommend .con .li .tit-info .tit {
    width: 100%;
  }
  .ind-recommend .con .li .tit-info .type {
    width: 100%;
  }
  .exhi-product-box {
    display: block;
    margin-top: 29px;
  }
  .exhi-product-box .exhi-product {
    width: 100%;
  }
  .exhi-product-box .exhi-product-info {
    width: 100%;
    margin: 20px 0 0 0;
  }
  .exhi-product-box .exhi-product-info .pro-info {
    max-height: initial;
  }
  .exhi-product-box .exhi-product-info .pro-box .browse {
    float: left;
    margin-top: 14px;
  }
  .exhi-product-box .exhi-product-info .electricity-buy a {
    width: 100%;
    display: block;
    padding: 8px 0;
    text-align: center;
  }
  .exhi-product-box .exhi-product-info .pro-tit {
    font-size: 20px;
  }
  .pro-expo-company .info-tit:after {
    display: block;
    content: '';
    clear: both;
  }
  .pro-expo-company .info-tit .info {
    width: calc(100% - 120px);
  }
  .pro-expo-company .info-tit .info .tit {
    display: none;
  }
  .pro-expo-company .top-con {
    width: 100%;
  }
  .pro-expo-company .top-con a {
    width: calc(33.33% - 37px);
  }
  .business-wrap {
    display: block;
    width: 95%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  }
  .business-wrap .business-left {
    width: 100%;
    max-height: 500px;
    height: 500px;
    padding-top: 32px;
  }
  .business-wrap .business-left .business-box {
    max-height: 458px;
  }
  .business-wrap .business-left .search-box {
    margin: 2%;
  }
  .business-wrap .business-left .search-box input {
    padding: 5px 15px;
  }
  .business-wrap .business-left .search-box .fa {
    padding: 7px 0;
  }
  .business-wrap .business-left .li {
    padding: 8px;
  }
  .business-wrap .business-left .li .head {
    width: 38px;
    height: 38px;
    line-height: 34px;
  }
  .business-wrap .business-left .li .tit-info .name {
    margin-top: 0;
    font-size: 14px;
  }
  .business-wrap .business-left .li .tit-info .type {
    font-size: 12px;
  }
  .business-wrap .business-right {
    display: none;
    width: 100%;
    max-height: 525px;
    height: 525px;
    min-height: 525px;
    padding-top: 1px;
    margin-left: 0;
  }
  .business-wrap .business-right .business-back {
    padding: 5px 6px 0;
    color: #999;
    cursor: pointer;
    font-size: 14px;
  }
  .business-wrap .business-right .business-back .fa {
    vertical-align: top;
    font-size: 16px;
    margin-right: 5px;
    margin-top: 3px;
  }
  .business-wrap .business-right .box {
    margin: 8px;
    padding: 10px;
    height: 420px;
  }
  .business-wrap .business-right .box .li.me .tit-info .info {
    margin-right: 12px;
  }
  .business-wrap .business-right .box .li.me .tit-info .info:before {
    top: 9px;
    right: -7px;
  }
  .business-wrap .business-right .box .li .tit-info .head {
    width: 38px;
    height: 38px;
    line-height: 34px;
  }
  .business-wrap .business-right .box .li .tit-info .info {
    padding: 6px 10px;
  }
  .business-wrap .business-right .box .li .tit-info .info:after {
    top: 9px;
    left: -7px;
  }
  .business-wrap .business-right .input-box {
    margin: 8px;
  }
  .business-wrap .business-right .input-box .img {
    width: 38px;
    height: 38px;
    line-height: 38px;
  }
  .business-wrap .business-right .input-box .input {
    width: calc(100% - 45px);
  }
  .business-wrap .business-right .input-box .input input {
    padding: 8px 10px;
    width: calc(75% - 20px);
  }
  .business-wrap .business-right .input-box .input .sub {
    width: 25%;
    height: 38px;
    line-height: 38px;
    font-size: 12px;
  }
  .ind-video {
    margin-bottom: 0;
  }
  .ind-business-type .business-type {
    margin-bottom: 40px;
  }
  .business-con .supply-sw {
    height: auto;
  }
  .business-con .swiper-container {
    padding: 0;
    width: 100%;
    margin-left: 0;
  }
  .business-con .li:hover {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    box-shadow: initial;
  }
  .Quick-links .li {
    width: 49%;
    margin-bottom: 20px;
    margin-right: 2%;
    padding: 15px 0;
  }
  .Quick-links .li:nth-of-type(2) {
    margin-right: 0;
  }
  .Quick-links .li .tit {
    font-size: 16px;
  }
  .Quick-links .li .info {
    font-size: 14px;
  }
  .pavilion-3d {
    background: none;
    box-shadow: none;
  }
  .pavilion-3d .info-tit {
    width: calc(100% - 30px);
    padding: 15px;
  }
  .pavilion-3d .info-tit .tit {
    font-size: 22px;
    text-align: center;
  }
  .pavilion-3d .info-tit .info {
    display: none;
  }
  .pavilion-3d .info-tit .info a {
    font-size: 14px;
    padding: 7px 10px;
  }
  .pavilion-3d .info-tit .info a b {
    font-size: 15px;
  }
  .pavilion-3d .info-img img {
    width: 100%;
  }
  .Live-webcast .title {
    font-size: 22px;
  }
  .Live-webcast .live-sw {
    background: none;
    box-shadow: none;
    height: auto;
  }
  .Live-webcast .live-sw .img {
    display: none;
  }
  .Live-webcast .live-sw .tit {
    margin-top: 0;
  }
  .Live-webcast .live-sw .swiper-button-next,
  .Live-webcast .live-sw .swiper-button-prev {
    width: 35px;
    display: none;
  }
  .Live-webcast .live-sw .swiper-button-next:after,
  .Live-webcast .live-sw .swiper-button-prev:after {
    font-size: 24px;
  }
  .Live-webcast .live-sw .swiper-container {
    width: 100%;
    margin-left: 0;
  }
  .Live-webcast .live-sw .swiper-slide {
    height: auto;
    padding: 5px 10px;
    border-radius: 25px;
    width: auto !important;
  }
  .Live-webcast .live-sw .swiper-slide.curr:after,
  .Live-webcast .live-sw .swiper-slide:hover:after {
    display: none;
  }
  .Live-webcast-wrap {
    background: #fff;
    padding: 25px 0;
  }
  .Boutique-wrap .con:first-of-type {
    width: 100%;
  }
  .Boutique-wrap .con:first-of-type .li {
    width: calc(100% - 30px);
  }
  .Boutique-wrap .con:first-of-type .li .img {
    height: auto;
  }
  .Boutique-wrap .con:last-of-type {
    width: 100%;
  }
  .investment-wrap .con {
    display: block;
  }
  .investment-wrap .con .left {
    width: 100%;
  }
  .investment-wrap .con .left:after {
    display: block;
    content: '';
    clear: both;
  }
  .investment-wrap .con .left .li {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
  }
  .investment-wrap .con .left .li:hover {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
  }
  .investment-wrap .con .left .li:nth-of-type(n+4) {
    display: none;
  }
  .investment-wrap .con .left .li:after {
    display: block;
    content: '';
    clear: both;
  }
  .investment-wrap .con .left .li .tit {
    font-size: 20px;
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
  .investment-wrap .con .left .li .img {
    width: calc(35% - 10px);
    float: left;
    padding: 5px;
    height: 130px;
    border-radius: 5px;
  }
  .investment-wrap .con .left .li .img img {
    border-radius: 5px;
  }
  .investment-wrap .con .left .li .info-wrap {
    padding: 10px 15px;
    float: right;
    width: calc(65% - 30px);
  }
  .investment-wrap .con .right {
    width: calc(100% - 40px);
    padding: 25px 20px;
  }
  .investment-wrap .con .right .info-tit {
    margin-top: 25px;
  }
  .investment-wrap .con .right .title {
    font-size: 20px;
    padding-bottom: 8px;
  }
  .Recommend-exhibitors {
    margin-bottom: 0;
  }
  .Recommend-exhibitors .con .li {
    width: calc(48% - 2px);
    margin-right: 4%;
  }
  .Recommend-exhibitors .con .li:nth-of-type(2n) {
    margin-right: 0;
  }
  .Recommend-exhibitors .con .li:nth-of-type(5n) {
    margin-right: 4%;
  }
  .Recommend-exhibitors .con .li:nth-of-type(10n) {
    margin-right: 0;
  }
  .Recommend-exhibitors .con .li:hover {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
  }
  .Recommend-exhibitors .con .li .img {
    height: 88px;
    line-height: 84px;
  }
  .Recommend-exhibitors .con .li .img img {
    max-height: 90%;
    max-width: 90%;
    width: auto;
    height: auto;
  }
  .Recommend-exhibitors .con .li .info-tit {
    background: none;
    padding: 5px 0;
  }
  .Recommend-exhibitors .con .li .company {
    padding: 0 8px;
    width: calc(100% - 16px) !important;
  }
  .specially-invite-wrap {
    background: #fff;
  }
  .specially-invite {
    border-top: none;
    padding: 2px 0 12px 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  .specially-invite .con {
    display: block;
  }
  .specially-invite .con .li {
    width: calc(100% - 40px);
    padding: 20px;
    margin: 10px 0;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border: 1px solid #e0e0e0;
  }
  .specially-invite .con .li:nth-of-type(2) {
    margin: 0;
  }
  .specially-invite .con .li:after {
    display: block;
    content: '';
    clear: both;
  }
  .specially-invite .con .li .img {
    align-self: center;
  }
  .specially-invite .con .li .tit-info {
    margin-left: 18px;
    width: calc(100% - 75px);
  }
  .specially-invite .con .li .tit-info .tit {
    margin-top: 0;
  }
  .exhi-chunk {
    padding: 15px;
  }
  .exhi-chunk .top .info-right {
    margin-top: 12px;
    width: 100%;
  }
  .exhi-chunk .top .info-right .countries .exhi-top-con {
    position: relative;
    float: none;
    padding: 15px 0 0;
  }
  .exhi-chunk .top .info-right .countries .exhi-top-con:after {
    display: block;
    content: '';
    clear: both;
  }
  .exhi-page-recommend-pro .swiper-container {
    height: 372px;
  }
  .exhi-page-recommend-pro .swiper-slide {
    height: calc((100% - 20px) / 3);
  }
  .exhi-page-recommend-pro.size .swiper-container {
    height: auto;
  }
  .exhi-page-recommend-pro.size .swiper-slide {
    height: 100%;
  }
  .exhi-page-recommend-pro.size .li .img {
    height: auto;
    line-height: inherit;
  }
  .exhi-page-recommend .li {
    width: calc(100% - 3px);
  }
  .exhi-page-recommend .li .img {
    height: 79px;
    line-height: 75px;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
  }
  .exhi-page-recommend .li .img img {
    max-width: 100%;
    max-height: 100%;
  }
  .exhi-page-recommend .li .pro-info .pro-list {
    display: none;
  }
  .exhi-page-recommend .li .pro-info .pro-info-con {
    padding: 0;
  }
  .exhi-page-recommend .li .pro-info .pro-info-con .collect {
    display: none;
  }
  .exhi-page-recommend .li .pro-info .pro-info-con .type {
    display: none;
  }
  .exhi-page-recommend .li .pro-info .pro-info-con .tit {
    font-size: 14px;
    width: 100%;
  }
  .business-swiper {
    width: 100%;
  }
  .activity-con {
    padding: 15px;
  }
  .activity-con .li {
    width: 100%;
  }
  .project-con .project-merchants {
    padding: 15px;
  }
  .project-con .project-merchants .li {
    width: 100%;
    height: auto;
  }
  .project-con .project-merchants .li .tit {
    font-size: 18px;
  }
  .project-con .project-merchants .title {
    font-size: 22px;
  }
  .project-con .top {
    height: 128px;
    width: 100%;
  }
  .project-con .top img {
    height: 128px;
    overflow: hidden;
    margin-left: -50%;
  }
  .project-con .top .con-wrap .search-type {
    width: 85%;
  }
  .project-con .top .con-wrap .search-type .type-li-curr {
    margin-top: 0;
  }
  .project-page-con .top .title {
    font-size: 16px;
    line-height: 25px;
  }
  .project-page-con .top .info span {
    display: block;
    line-height: 25px;
  }
  .project-page-con .con .company-left {
    width: 100%;
  }
  .project-page-con .con .company-img {
    width: calc(100% - 15px);
    margin-top: 30px;
  }
  .project-page-con .bottom .bottom-box {
    padding: 15px 15px;
  }
  .project-page-con .bottom .li-info {
    margin-right: 0;
    padding-right: 0;
    width: 100%;
  }
  .project-page-con .bottom .li-info:before {
    display: none;
  }
  .project-page-con .bottom .li-info .ico {
    font-size: 28px;
  }
  .project-page-con .bottom .li-info .bot-info b {
    font-size: 16px;
  }
  .project-page-con .li .tit {
    font-size: 20px;
  }
  .page-live-top-tit b {
    font-size: 20px;
  }
  .play-video-tit {
    width: 100%;
    margin-top: 22px;
  }
  .play-video-tit .type {
    width: 100%;
  }
  .play-video-tit .type select {
    width: 100%;
    margin-bottom: 10px;
  }
  .skip-link a:last-of-type {
    padding-right: 0;
    margin-right: 0;
  }
  .pager a,
  .pages a,
  .pager span,
  .pages span {
    padding: 2px 7px;
  }
  .business-type .type-li {
    padding: 10px 30px;
    width: calc(50% - 65px);
    text-align: center;
  }
  .business-type .type-li:nth-of-type(2) {
    margin-right: 0;
  }
  .business-type .type-li:nth-of-type(3) {
    padding: 10px 25px;
    margin-top: 12px;
    width: calc(100% - 50px);
  }
  .Area-classification-wrap .li {
    width: calc(100% - 44px);
    margin-right: 0;
  }
  .index-con-banner .li {
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 8px;
  }
  .index-con-banner .li:nth-of-type(2n) {
    margin-right: 0;
  }
  .exhi-page-recommend .Recommend-exhibitors .con .li {
    width: calc(100% - 3px);
  }
  .tit-h1 {
    text-align: center;
    margin-bottom: 15px;
  }
  .tit-h1 a {
    margin-top: 5px;
    display: none;
  }
  .investment-wrap {
    background: #fff;
    padding: 25px 0;
    margin-bottom: 25px;
    margin-top: 0;
  }
  .investment-more {
    background: #e50a1c;
    color: #fff;
    border-radius: 35px;
    padding: 12px 0;
    width: 70%;
    margin: 10px auto 0;
    text-align: center;
  }
  .exhibitors-parameters-wrap {
    background: #fff;
    padding-top: 1px;
  }
  .exhibitors-parameters-wrap .exhibitors-parameters {
    margin-top: 14px;
  }
  .mb-Fast-connection {
    background: #ecf8fe;
    border-radius: 5px;
    padding: 10px 0;
    margin-top: 20px;
  }
  .mb-Fast-connection:after {
    display: block;
    content: '';
    clear: both;
  }
  .mb-Fast-connection .li {
    float: left;
    width: 20%;
    text-align: center;
  }
  .mb-Fast-connection .img img,
  .mb-Fast-connection .img svg {
    max-width: 25px;
    max-height: 25px;
  }
  .mb-Fast-connection .tit {
    margin-top: 0;
    font-size: 14px;
  }
  .pavilion-layout {
    position: relative;
  }
  .pavilion-layout .swiper-container {
    padding-bottom: 38px;
  }
  .pavilion-layout .swiper-slide img {
    width: 100%;
  }
  .pavilion-layout .swiper-pagination-bullet-active {
    background: #e50a1c;
  }
  .pavilion-layout .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
  }
  .index-con-banner {
    margin-bottom: 20px;
    padding-bottom: 15px;
  }
  .mb-recommend-pro {
    margin-top: 15px;
    width: 100%;
    height: 580px;
  }
  .mb-recommend-pro .con .li {
    width: calc(100% - 14px);
    margin-right: 0;
    margin-bottom: 0;
  }
  .mb-recommend-pro .con .li:hover {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
  }
  .mb-recommend-pro .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
  }
  .mb-recommend-pro .swiper-container .swiper-pagination-bullet-active {
    background: #e50a1c;
  }
  .mb-recommend-pro .swiper-container .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
  }
  .mb-recommend-pro .swiper-slide {
    background: #fff;
    height: calc((100% - 30px) / 3);
    /* Center slide text vertically */
  }
  .mb-recommend-pro .recommend-pro-more {
    padding-top: 35px;
    text-align: center;
    color: #006a99;
    border-radius: 5px;
    font-size: 15px;
  }
  .recommend-mb-wrap {
    margin-top: 25px;
  }
  .recommend-mb .swiper-slide {
    width: auto !important;
    padding: 5px 15px;
    border-radius: 25px;
    color: #333333;
  }
  .recommend-mb .swiper-slide.curr {
    background: #e50a1c;
    color: #fff;
  }
  .mb-recommend-exhibitors {
    height: 430px;
    overflow: hidden;
    margin-bottom: 30px;
    padding-bottom: 15px;
  }
  .mb-recommend-exhibitors .swiper-slide .li {
    height: 120px;
  }
  .mb-recommend-exhibitors .swiper-slide .li .company {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: inherit !important;
  }
  .mb-recommend-exhibitors .swiper-pagination {
    bottom: 12px;
  }
  .Area-classification-wrap {
    margin-bottom: 15px;
  }
  .Area-classification-wrap .li a {
    height: auto;
    padding: 12px 0;
    display: block;
  }
  .Area-classification-wrap .li .info-con .more {
    padding-top: 9px;
  }
  .meeting-up-con {
    padding: 15px;
  }
  .meeting-up-con .meeting-up-input .meeting-up-content .meeting-up-content-i {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }
  .play-box a.curr:before,
  .play-box a:hover:before {
    bottom: -25px;
  }
  .play-box a.curr:after,
  .play-box a :hover:after {
    bottom: -26px;
  }
  .search-result-top .li {
    padding: 8px 18px;
    font-size: 16px;
    margin: 0 3px;
  }
  .search-result-box {
    margin-top: 0 !important;
    margin-bottom: 25px;
  }
  .search-result-box .title-con {
    font-size: 15px;
  }
  .mobile-foot-a {
    position: fixed;
    z-index: 19;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  .mobile-foot-a a {
    float: left;
    padding: 13px 0;
    width: 33.33%;
    text-align: center;
    background: #e60012;
    color: #fff;
  }
  .mobile-foot-a a img {
    max-width: 23px;
    max-height: 20px;
    vertical-align: middle;
    margin-right: 6px;
  }
  .mobile-foot-a a:first-of-type {
    background: #006a99;
  }
  .mobile-foot-a a:last-of-type {
    background: #d7b700;
  }
  .hall-play-box {
    margin-top: 0;
  }
  .share-mb {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 21;
    cursor: pointer;
  }
  .share-mb img {
    width: 65%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .winning-box-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 22;
    background: rgba(0, 0, 0, 0.5);
  }
  .winning-wrap {
    right: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .winning-wrap .con {
    padding: 10px 20px;
  }
  .winning-wrap .con .title {
    font-size: 18px;
  }
  .winning-wrap .con .title:after {
    top: 13px;
  }
  .winning-wrap .con .tit-info {
    margin-top: 5px;
  }
  .winning-wrap .con .tit-info .li {
    padding: 6px 0;
  }
  .meeting-up-con .live-time .time-li {
    padding: 0 6px;
    margin-bottom: 8px;
    height: 40px;
    line-height: 40px;
  }
  .meeting-up-con .pairing-table-wrpa .table td,
  .meeting-up-con .pairing-table-wrpa .table th {
    padding: 1.2rem 0.45rem;
    font-size: 14px;
  }
  .meeting-up-con .pairing-table-wrpa .table td span,
  .meeting-up-con .pairing-table-wrpa .table th span {
    padding: 6px 5px;
  }
}
/*# sourceMappingURL=media_online.css.map */